@page "/Legend"

<AntDesign.Charts.Column Data=data1 Config="config1" />

@code{
    #region 示例1

    object[] data1 = new object[] {
        new  {
    time= "16 Q1",
    type= "移动游戏",
    value= 0,
  },
        new  {
    time= "16 Q1",
    type= "移动购物",
    value= 17.8,
  },
        new  {
    time= "16 Q1",
    type= "移动营销",
    value= 69.4,
  },
        new  {
    time= "16 Q1",
    type= "共享单车",
    value= 12.8,
  },
        new  {
    time= "16 Q2",
    type= "移动游戏",
    value= 0,
  },
        new  {
    time= "16 Q2",
    type= "移动购物",
    value= 18.1,
  },
        new  {
    time= "16 Q2",
    type= "移动营销",
    value= 70.7,
  },
        new  {
    time= "16 Q2",
    type= "共享单车",
    value= 11.2,
  },
        new  {
    time= "16 Q3",
    type= "移动游戏",
    value= 0,
  },
        new  {
    time= "16 Q3",
    type= "移动购物",
    value= 20.8,
  },
        new  {
    time= "16 Q3",
    type= "移动营销",
    value= 67.4,
  },
        new  {
    time= "16 Q3",
    type= "共享单车",
    value= 11.8,
  },
        new  {
    time= "16 Q4",
    type= "移动游戏",
    value= 0.1,
  },
        new  {
    time= "16 Q4",
    type= "移动购物",
    value= 20.3,
  },
        new  {
    time= "16 Q4",
    type= "移动营销",
    value= 69.2,
  },
        new  {
    time= "16 Q4",
    type= "共享单车",
    value= 10.4,
  },
        new  {
    time= "17 Q1",
    type= "移动游戏",
    value= 0.4,
  },
        new  {
    time= "17 Q1",
    type= "移动购物",
    value= 17.3,
  },
        new  {
    time= "17 Q1",
    type= "移动营销",
    value= 68.3,
  },
        new  {
    time= "17 Q1",
    type= "共享单车",
    value= 14,
  },
        new  {
    time= "17 Q2",
    type= "移动游戏",
    value= 1.2,
  },
        new  {
    time= "17 Q2",
    type= "移动购物",
    value= 18.3,
  },
        new  {
    time= "17 Q2",
    type= "移动营销",
    value= 68.6,
  },
        new  {
    time= "17 Q2",
    type= "共享单车",
    value= 11.9,
  },
};

    ColumnConfig config1 = new ColumnConfig()
    {
        XField = "time",
        YField = "value",
        SeriesField = "type",
        Legend = new Charts.Legend()
        {
            Visible = true,
            Position = "left",
        },
    };


    #endregion 示例1


}

